.theme(@mainColor: #5995d8) {
	.login-wrapper {
		.el-checkbox__input.is-checked + .el-checkbox__label,
		.login-box .btn-groups-box .reg-btn,
		.reg-box .btn-groups-box .goback-btn {
			color: @mainColor;
		}
		.el-checkbox__input.is-checked .el-checkbox__inner,
		.el-checkbox__input.is-indeterminate .el-checkbox__inner {
			background-color: @mainColor;
			border-color: @mainColor;
		}
	}

	.el-radio__input.is-checked + .el-radio__label {
		color: @mainColor;
	}

	.el-radio__input.is-checked .el-radio__inner,
	.table-setting-box .icheck-icon:checked {
		background-color: @mainColor;
		border-color: @mainColor;
	}

	.sidebar-wrapper {
		.third-menu,
		.el-menu-item {
			&.is-active {
				background-color: @mainColor;
				color: #fff;

				&:hover {
					background-color: @mainColor;
				}
			}

			&:hover {
				background-color: lighten(@mainColor, 34%);
			}
		}
	}

	.menu-item {
		&.active,
		&:hover {
			color: @mainColor;
		}
		&:after {
			background-color: @mainColor;
		}
		&.active {
			box-shadow: inset 0px -4px 0px @mainColor;
			&::after {
				background-color: @mainColor;
			}
		}
	}
	.ake_btn_blue,
	.common-body-wrapper .buttonBlue {
		background-color: @mainColor;
		border-color: @mainColor;

		&:hover {
			background-color: darken(@mainColor, 10%);
			border-color: darken(@mainColor, 10%);
		}
	}
	.ake_btn_text,
	.common-body-wrapper .buttonWhite {
		background-color: #fff;
		border-color: @mainColor;
		color: @mainColor;
		&:hover,
		&:focus {
			color: @mainColor;
			background-color: lighten(@mainColor, 34%);
		}
	}
	.ake_btn_confirm {
		background-color: @mainColor !important;
		color: #fff !important;
		&:hover,
		&:focus {
			color: #fff !important;
			background-color: lighten(@mainColor, 5%) !important;
			border-color: lighten(@mainColor, 5%) !important;
		}
	}
	.home-wrapper {
		.left-border-title {
			&::before {
				background-color: @mainColor;
			}
		}
		.info-item-group .hover-item {
			color: @mainColor;
		}
	}

	.main-content-box .top-tab-box .tab-item.active {
		border-bottom-color: @mainColor;

		span {
			&:first-child {
				background-color: @mainColor;
			}
			&:last-child {
				color: @mainColor;
			}
		}
	}

	.row-href,
	.imgLink,
	.header .add-icon,
	.search-header-wrapper .show-more-trigger,
	.payment-header .download-qr,
	.pagination > li > a,
	.pagination > li > span {
		color: @mainColor;
		cursor: pointer;
		&:hover,
		&:focus,
		&:active {
			color: darken(@mainColor, 10%);
		}
	}
	.pagination > .active > a {
		color: #fff;
		background-color: @mainColor;
		border-color: @mainColor;
	}

	.actions > a {
		color: @mainColor;
	}

	.common-body-wrapper .explanationBox .spanBlue {
		color: @mainColor;
	}

	.pagination > .disabled {
		> span,
		> span:hover,
		> span:focus,
		> a,
		> a:hover,
		> a:focus {
			color: #555;
		}
	}

	.el-button--primary {
		color: #fff;
		background-color: @mainColor;
		border-color: @mainColor;

		&:hover,
		&:focus {
			color: #fff;
			background-color: lighten(@mainColor, 8%);
			border-color: lighten(@mainColor, 8%);
		}
		&:active {
			color: #fff;
			background-color: darken(@mainColor, 8%);
			border-color: darken(@mainColor, 8%);
		}
	}

	.cell {
		.el-button--primary.is-plain {
			color: @mainColor;
			border-color: @mainColor;
			background-color: #fff;

			&:hover,
			&:focus,
			&:active {
				color: #fff;
				background: darken(@mainColor, 10%);
				border-color: darken(@mainColor, 10%);
			}
		}
	}

	.dialog-wrapper {
		.dialog-box {
			.dialog-footer {
				.dialog-yes {
					background-color: @mainColor;
					color: #fff;
					&:hover,
					&:focus {
						color: #fff;
						background-color: @mainColor;
					}
				}
			}
		}
	}
}

.theme-5995D8,
.theme-0,
.theme- {
	.theme();
}

.theme-D81D1D {
	.theme(#d81d1d);
}
.theme-F57900 {
	.theme(#f57900);
}
.theme-EDCD1B {
	.theme(#edcd1b);
}
.theme-62B03E {
	.theme(#62b03e);
}
.theme-00C0BC {
	.theme(#00c0bc);
}
.theme-4043CF {
	.theme(#4043cf);
}
.theme-8947BF {
	.theme(#8947bf);
}
.theme-413B3B {
	.theme(#413b3b);
}
